<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" href="../../css/searchDetail.css" media="all" />
    <link rel="stylesheet" href="../../iconfont/iconfont.css">

    <title>档案管理详情</title>
</head>

<body>
    <div class="layui-fluid" id="LAY-component-grid-mobile-pc">

        <!-- 详情内容 -->
        <form class="layui-form layui-form-pane file_detail">
            <label class="layui-form-label labelTitle " id="header">
                <h1 class="deTitle" style="font-weight: 600;">档案详情</h1>
                <a href="javascript:;">
                    <dl class="retireBox">
                        <dd class="iconfont">
                            &#xe60e;
                        </dd>
                        <dt>退休办理</dt>
                    </dl>
                </a>
                <a href="javascript:;">
                    <dl class="returnBox">
                        <dd class="iconfont">
                            &#xe61d;
                        </dd>
                        <dt>归还</dt>
                    </dl>
                </a>
                <a href="javascript:;" id="borBtn">
                    <dl class="borrowBox">
                        <dd class="iconfont">
                            &#xe61c;
                        </dd>
                        <dt>借阅</dt>
                    </dl>
                </a>

            </label>
            <div class="inputBox">
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">姓&emsp;&emsp;名</label>
                    <div class="layui-input-inline">
                        <input type="text" name="recordname" lay-verify="required" placeholder="姓名" autocomplete="off"
                            readonly="readonly" class="layui-input " id="recordname">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">身份证号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idnumber" lay-verify="required" placeholder="身份证号" autocomplete="off"
                            readonly="readonly" class="layui-input " id="idnumber">
                    </div>
                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">性&emsp;&emsp;别</label>
                    <div class="layui-input-inline">
                        <input type="text" name="sex" lay-verify="required" placeholder="性别" autocomplete="off"
                            readonly="readonly" class="layui-input " id="sex">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">原单位名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="原单位名称" autocomplete="off"
                            readonly="readonly" class="layui-input " id="">
                    </div>

                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">电&emsp;&emsp;话</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="电话" autocomplete="off"
                            readonly="readonly" class="layui-input " id="">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">档&nbsp;&nbsp;案&nbsp;&nbsp;号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="档案号" autocomplete="off"
                            readonly="readonly" class="layui-input " id="">
                    </div>

                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">人员类别</label>
                    <div class="layui-input-inline">
                        <input type="text" name="recordname1" lay-verify="required" placeholder="人员类别"
                            autocomplete="off" readonly="readonly" class="layui-input " id="recordname1">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">建档时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idnumber" lay-verify="required" placeholder="建档时间" autocomplete="off"
                            readonly="readonly" class="layui-input " id="idnumber">
                    </div>

                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">政治面貌</label>
                    <div class="layui-input-inline">
                        <input type="text" name="recordname1" lay-verify="required" placeholder="政治面貌"
                            autocomplete="off" readonly="readonly" class="layui-input " id="recordname1">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox" title="参加工作时间">参加工作时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="参加工作时间" autocomplete="off"
                            readonly="readonly" class="layui-input " id="">
                    </div>

                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">退休类别</label>
                    <div class="layui-input-inline">
                        <input type="text" name="recordname1" lay-verify="required" placeholder="退休类别"
                            autocomplete="off" readonly="readonly" class="layui-input " id="recordname1">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">档案存放</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idnumber" lay-verify="required" placeholder="档案存放" autocomplete="off"
                            readonly="readonly" class="layui-input " id="idnumber">
                    </div>

                </div>

                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox" title="身份证出生日期">身份证出生日期</label>
                    <div class="layui-input-inline">
                        <input type="text" name="recordname1" lay-verify="required" placeholder="身份证出生日期"
                            autocomplete="off" readonly="readonly" class="layui-input " id="recordname1">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox" title="档案转入时间">档案转入时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idnumber" lay-verify="required" placeholder="档案转入时间" autocomplete="off"
                            readonly="readonly" class="layui-input " id="idnumber">
                    </div>

                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox" title="档案最早出生日期">档案最早出生日期</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="档案最早出生日期" autocomplete="off"
                            readonly="readonly" class="layui-input " id="">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">退休时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idnumber" lay-verify="required" placeholder="退休时间" autocomplete="off"
                            readonly="readonly" class="layui-input " id="idnumber">
                    </div>

                </div>
                <div class="layui-form-item item1">
                    <label class="layui-form-label labelBox">联系地址</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="联系地址" autocomplete="off"
                            readonly="readonly" class="layui-input bigInput" id="">
                    </div>
                </div>
            </div>
        </form>
        <!-- 表格打印 -->
        <form class="layui-form layui-form-pane table">
            <label class="layui-form-label labelTitle remark1 tabTitle">
                <h1 class="deTitle" style="font-weight: 600;">常用表格打印</h1>
            </label>
            <div class="tableList">
                <aside>

                    <a href="javascript:;">
                        <dl class="iconfont exIcon">
                            &#xe62a;
                        </dl>
                        <dd>社区转移表格</dd>
                    </a>

                </aside>
                <ul class="listName">
                    <li> <a href="javascript:;">济南市退休人员转移材料清单</a> </li>
                    <li> <a href="javascript:;">济南市退休人员社区对社区转移单</a> </li>
                    <li> <a href="javascript:;">借条</a> </li>
                    <li> <a href="javascript:;">社区变更申请</a></li>
                </ul>
            </div>
            <div class="tableList listBottom">
                <aside>
                    <a href="javascript:;">
                        <dl class="iconfont">
                            &#xe61b;
                        </dl>
                        <dd> 离退休人员变更人员申请表</dd>
                    </a>
                </aside>

            </div>
            <div class="tableList listBottom">
                <aside>
                    <a href="javascript:;">
                        <dl class="iconfont">
                            &#xe628;
                        </dl>
                        <dd>收入证明</dd>
                    </a>
                </aside>

            </div>
            <div class="tableList listBottom">
                <aside>
                    <a href="javascript:;">
                        <dl class="iconfont">
                            &#xe625;
                        </dl>
                        <dd> 证明材料信 </dd>
                    </a>
                </aside>
            </div>

        </form>
        <!-- 备注 -->
        <form class="layui-form layui-form-pane remarkFrm">
            <label class="layui-form-label labelTitle remark1">
                <h1 class="deTitle" style="font-weight: 600;">备注</h1>
                <dl>
                    <a href="javascript:;">
                        <dd class="iconfont save">
                            &#xe60f;
                        </dd>
                        <dt>保存</dt>
                    </a>
                </dl>
            </label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
        </form>
        <form class="layui-form layui-form-pane info">
            <label class="layui-form-label labelTitle remark1">
                <h1 class="deTitle" style="font-weight: 600;">档案信息</h1>
            </label>
            <div class="infoBox">

                <dl class="content">
                    <dd>
                        档案目录
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        封皮
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        其他材料
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        申请补助材料
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        退休材料
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        工资、转正审批材料
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        职工登记表
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        政审材料
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
                <dl class="content">
                    <dd>
                        其他材料
                    </dd>
                    <dt>
                        <aside>
                            <a href="javascript:;" class="iconfont"> &#xe613;</a>
                        </aside>
                        <aside>
                            <a href="javascript:;" class="iconfont">&#xe620;</a>
                        </aside>
                    </dt>
                </dl>
        
            </div>
        </form>

    </div>
    <div class="returnBtn">
        返回搜索
    </div>
    <div class="death" type='button'>
        <dd class="iconfont deathIco">
            &#xe610;
        </dd>
        <dl id="deathTxt">报告死亡</dl>
    </div>
    <!-- 借阅弹出 -->
    <div style="display: none;" id="borrowFile">
        <form class="layui-form layui-form-pane file_detail">
            <label class="layui-form-label labelTitle " id="header">
                <h1 class="deTitle" style="font-weight: 600;">基本信息</h1>

            </label>

            <div class="inputBox">
                <div class="signBox">

                    <div class="layui-form-item item1">
                        <span class=" remarkRed ">*</span>
                        <label class="layui-form-label labelBox">借&nbsp;&nbsp;阅&nbsp;&nbsp;人</label>
                        <div class="layui-input-inline">
                            <input type="text" name="recordname" lay-verify="required" placeholder="借阅人"
                                autocomplete="off" class="layui-input " id="recordname">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item item2">
                    <span class=" remarkRed ">*</span>
                    <label class="layui-form-label labelBox">借阅单位</label>
                    <div class="layui-input-inline">
                        <input type="text" name="idnumber" lay-verify="required" placeholder="借阅单位" autocomplete="off"
                            class="layui-input " id="idnumber">
                    </div>
                </div>
                <div class="layui-form-item item1">
                    <span class=" remarkRed remarkRed1">*</span>
                    <label class="layui-form-label labelBox">联系方式</label>
                    <div class="layui-input-inline">
                        <input type="text" name="sex" lay-verify="required" placeholder="联系方式" autocomplete="off"
                            class="layui-input " id="sex">
                    </div>
                </div>
                <div class="layui-form-item item2">
                    <label class="layui-form-label labelBox">归还时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" lay-verify="required" placeholder="归还时间" autocomplete="off"
                            class="layui-input " id="">
                    </div>
                </div>


            </div>
            <!-- 借阅事由 -->
            <span class=" remarkRed remarkRed3">*</span>
            <label class="layui-form-label labelTitle remark1">
                <h1 class="deTitle" style="font-weight: 600;">借阅事由</h1>

            </label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
            <div class="footer_btn confirm">
                确定
            </div>
            <div class="footer_btn cancel">
                取消
            </div>
            <div class="clear"></div>
        </form>

    </div>
     <!-- 退休弹出 -->
     <div style="display: none;" id="retireFile">
        <form class="layui-form layui-form-pane ">
            <div class="inputBox">
                <div class="signBox">
                    <div class="layui-form-item item1">
                        <span class=" remarkRed ">*</span>
                        <label class="layui-form-label labelBox">退休时间</label>
                        <div class="layui-input-inline">
                            <input type="text" name="recordname" lay-verify="required" placeholder="退休时间"
                                autocomplete="off" class="layui-input " id="recordname">
                        </div>
                    </div>
                </div>
            </div>
       
            <div class="footer_btn confirm">
                确定
            </div>
            <div class="footer_btn cancel">
                取消
            </div>
            <div class="clear"></div>
        </form>

    </div>
    
    <script src="../../layui/layui.js"></script>
    <script src="../../js/searchDetail.js"></script>

</body>

</html>